<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css"
	href="js/easyui/themes/default/easyui.css" />
<!--EasyUI的图标样式-->
<link rel="stylesheet" type="text/css" href="js/easyui/themes/icon.css" />
<!--jquery的核心JS-->
<script type="text/javascript" src="js/easyui/jquery.min.js"></script>
<!--jquery EasyUI的核心JS-->
<script type="text/javascript" src="js/easyui/jquery.easyui.min.js"></script>
<!-- 信息本地化js文件 -->
<script type="text/javascript"
	src="js/easyui/locale/easyui-lang-zh_CN.js"></script>
<style type="text/css">
.btn-danger {
	background-color: red;
	border-radius: 8px;
	border: 0;
	outline: none;
	cursor: pointer
}

.btn-success {
	background-color: forestgreen;
	border-radius: 8px;
	border: 0;
	outline: none;
	cursor: pointer
}

.btn-info {
	background-color: #269ABC;
	border-radius: 8px;
	border: 0;
	outline: none;
	cursor: pointer
}

.marleft {
	margin-left: 20px;
}
</style>
</head>

<body style="background-color: #EEEEEE;">
	<div style="background-color: white;" class="top">
		<span>商家</span>
		<!-- <select id="cc" class="easyui-combobox" name="dept"
			style="width: 200px;"
			data-options="editable:false,panelHeight:'auto'">
			<option value="aa">aitem1</option>
			<option>bitem2</option>
			<option>bitem3</option>
			<option>ditem4</option>
			<option>eitem5</option> -->

		<input type="text" id="company_name" name="company_name"
			class="easyui-combobox"
			data-options="editable:true ,valueField: 'id',textField: 'enterprise',url:'/qynmlist',prompt: '企业名称',validType:'length[0,100]' " />



		</select> <span class="marleft">物流公司</span> <select id="cc"
			class="easyui-combobox" name="dept" style="width: 200px;"
			data-options="editable:false,panelHeight:'auto'">
			<option value="aa">aitem1</option>
			<option>bitem2</option>
			<option>bitem3</option>
			<option>ditem4</option>
			<option>eitem5</option>
		</select> <span class="marleft">重量</span> <input type="text"
			class="easyui-textbox" style="width: 45px;" /> - <input type="text"
			class="easyui-textbox" style="width: 45px;" /> <span class="marleft">省份</span>
		<select id="cc" class="easyui-combobox" name="dept"
			style="width: 200px;"
			data-options="editable:false,panelHeight:'auto'">
			<option value="aa">aitem1</option>
			<option>bitem2</option>
			<option>bitem3</option>
			<option>ditem4</option>
			<option>eitem5</option>
		</select> <select id="cc" class="easyui-combobox" name="dept"
			style="width: 200px;"
			data-options="editable:false,panelHeight:'auto'">
			<option value="aa">aitem1</option>
			<option>bitem2</option>
			<option>bitem3</option>
			<option>ditem4</option>
			<option>eitem5</option>
		</select> <input type="text" class="easyui-textbox" /> <a id="btn" href="#"
			class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a>
		<a id="btn" href="#" class="easyui-linkbutton">重置</a>
	</div>

	<div style="background-color: white;">
		<div style="margin-top: 10px; margin-bottom: 10px;">
			<a id="btn" href="#" class="easyui-linkbutton"
				data-options="iconCls:'icon-search'">审单</a> <a id="btn" href="#"
				class="easyui-linkbutton" data-options="iconCls:'icon-search'">拆单</a>
			<a id="btn" href="#" class="easyui-linkbutton"
				data-options="iconCls:'icon-edit'">送货地址修改</a>
		</div>
		<div id="dg"></div>


	</div>

</body>
<script type="text/javascript">
	//    视频广告数据统计的表格数据渲染
	$('#dg').datagrid({
		scrollbarSize : 0,
		method : 'get',
		url : '/query',
		pagination : true,
		height : window.innerHeight - 45 - 58,
		loadMsg : '正在加载中，请稍等... ',
		nowrap : false, //允许换行
		fitColumns : true, //宽度自适应
		emptyMsg : '<span>无记录</span>',
		onLoadSuccess : function(data) { // Fires when data is
			var classify = $("#classify").val();
			$('#frequencyPp').pagination('refresh', {
				total : data.total,
				pageNumber : data.page,
				classify : classify
			});
		},
		columns : [ [ {
			field : 'ck',
			title : '',
			width : 20, //当 fitColumns:true时，columns里的width变为改列宽度占表格总宽度大小的比例
			align : 'center',
			checkbox : true
		}, {
			field : 'id',
			title : '序号',
			width : 100, //当 fitColumns:true时，columns里的width变为改列宽度占表格总宽度大小的比例
			align : 'center'
		}, {
			field : 'name',
			title : '规则名称',
			width : 100,
			align : 'center'
		}, {
			field : 'deptno',
			title : '仓库',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'job',
			title : '规则类型',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'sal',
			title : '创建人',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'time',
			title : '创建时间',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'remarks',
			title : '备注',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'state',
			title : '规则状态',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'operation',
			title : '操作',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'operation',
			title : '操作',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'operation',
			title : '操作',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'operation',
			title : '操作',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'operation',
			title : '操作',
			width : 100,
			align : 'center',
			editor : 'text'
		}, {
			field : 'operation',
			title : '操作',
			width : 100,
			align : 'center',
			editor : 'text'
		} ] ]
	});
</script>

</html>